#container{
  width:1202px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:70px;
  overflow:hidden;
}
.listcontent{
  width: 915px;
  float: right;
  padding-left: 10px;
}
.listcontent .crumbs{
  font-size:18px;
  color:#999;
}
.listcontent .crumbs a{color:#999;}
.listcontent .crumb{color:#2ab888;}
.listcontent .crumb a{color:#2ab888;}
.listcontent .articleitem{
  width:100%;
  padding:20px;
  background-color:#fff;
  overflow:hidden;
  margin-top:20px;
}
.articleitem .articlecover{
  width:194px;
  height:146px;
  padding-right:25px;
  float:left;
}
.articleitem .articlecover img{
  width:100%;
  height:100%;
}
.articleitem .articleinfo{
  height:146px;
  position:relative;
  overflow:hidden;
}
.articleitem .articleinfo h1{
  font-size:20px;
  color:#222;
  line-height:20px;
  position:relative;
  top:-5px;
}
.articleitem .articleinfo h1 a{
  color:#222;
  outline:none;
  line-height:28px;
}
.articleitem .articleinfo h1 a:visited{color:#999;}
.articleitem .articleinfo p{
  font-size:16px;
  color:#878787;
  line-height:30px;
  //padding-top:5px;
}
.articleitem .articleinfo div{
  position:absolute;
  bottom:0;
  width:100%;
}
.articleitem .articleinfo div em{
  display:inline-block;
  width:4px;
  height:4px;
  border-radius:4px;
  background-color:#999;
  margin-left:5px;
  margin-right:5px;
  position:relative;
  top:-3px;
}
.articleitem .articleinfo div .name{color:#999;}
.articleitem .articleinfo div .time{color:#999;}
.articleitem .articleinfo div .tag{
  display:inline-block;
  padding:3px 9px;
  border:1px solid #000;
  border-radius:3px;
  margin-right:10px;
}
.articleitem .articleinfo div .tag1{
  color:#82c0ff;
  border-color:#82c0ff;
}
.articleitem .articleinfo div .tag1 a{color:#82c0ff;}
.articleitem .articleinfo div .tag2{
  color:#ff9696;
  border-color:#ff9696;
}
.articleitem .articleinfo div .tag2 a{color:#ff9696;}
.articleitem .articleinfo div .tag3{
  color:#f9ae65;
  border-color:#f9ae65;
}
.articleitem .articleinfo div .tag3 a{color:#f9ae65;}
.articleitem .articleinfo div .tag4{
  color:#ec93ff;
  border-color:#ec93ff;
}
.articleitem .articleinfo div .tag4 a{color:#ec93ff;}
.articleitem .articleinfo div .tag5{
  color:#9297ff;
  border-color:#9297ff;
}
.articleitem .articleinfo div .tag5 a{color:#9297ff;}
.articleitem .articleinfo div .tag6{
  color:#9297ff;
  border-color:#9297ff;
}
.articleitem .articleinfo div .tag6 a{color:#9297ff;}
.articleitem .articleinfo div .tag7{
  color:#00dccf;
  border-color:#00dccf;
}
.articleitem .articleinfo div .tag7 a{color:#00dccf;}
.articleitem .articleinfo div .tag10{
  color:#7fca74;
  border-color:#7fca74;
}
.articleitem .articleinfo div .tag10 a{color:#7fca74;}
.articleitem .articleinfo div .tag11{
  color:#dc8c00;
  border-color:#dc8c00;
}
.articleitem .articleinfo div .tag11 a{color:#dc8c00;}
.articleitem .articleinfo div .tag12{
  color:#0f0;
  border-color:#0f0;
}
.articleitem .articleinfo div .tag12 a{color:#0f0;}
aside.articleaside{
  width:299px;
  float:right;
}
aside.articleaside h2{
  font-size:20px;
  color:#333;
}

aside.articleaside .author{
  background-color:#fff;
  padding:25px 25px 30px 25px;
  margin-top:45px;
}
aside.articleaside .author .authoravatar{
  width:72px;
  height:72px;
  border-radius:72px;
  overflow:hidden;
  border:2px solid #e8e8e8;
  float:left;
}
aside.articleaside .author .authoravatar img{
  width:100%;
  height:100%;
}
aside.articleaside .author .authorinfo{
  overflow:hidden;
  padding-left:12px;
}
aside.articleaside .author .authorinfo h2{
  font-size:22px;
  color:#333;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-top:5px;
  padding-bottom:10px;
}
aside.articleaside .author .authorinfo p{
  font-size:16px;
  color:#878787;
}
aside.articleaside .author .authorinfo p span{color:#000;}
aside.articleaside .author .btnbox{
  clear:both;
  overflow:hidden;
  margin-top:25px;
  margin-bottom:20px;
}
aside.articleaside .author .btnbox .btn{
  display:inline-block;
  width:115px;
  text-align:center;
  color:#fff;
  font-size:16px;
  background-color:#66d6a6;
  border-radius:5px;
}
aside.articleaside .author .btnbox .btn a{
  display:inline-block;
  width:100%;
  padding-top:12px;
  padding-bottom:12px;
}
aside.articleaside .author .btnbox .btn:hover{cursor:pointer;}
aside.articleaside .author .btnbox .btnleft{float:left;}
aside.articleaside .author .btnbox .btnleft a{color:#fff;}
aside.articleaside .author .btnbox .btnright{float:right;}
aside.articleaside .author .btnbox .btnright a{color:#fff;}
aside.articleaside .author p{
  clear:both;
  font-size:16px;
  color:#878787;
  line-height:24px;
  width:120%;
}
aside.articleaside .asidetitle{
  margin-top:28px;
  font-size:20px;
  color:#333;
}
aside.articleaside .asidetitle em{
  display:inline-block;
  width:10px;
  height:20px;
  background-color:#1ec18e;
  margin-right:10px;
  position:relative;
  top:2px;
}
aside.articleaside .asidetitle span{
  font-size:14px;
  color:#999;
}

.tipsbox span{
  display:inline-block;
  width:93px;
  text-align:center;
  //padding:10px 0;
  border:1px solid #000;
  background-color:#fff;
  border-radius:3px;
  margin-top:15px;
  float:left;
  margin-left:7px;
  position:relative;
}
.tipsbox span a{display:inline-block;width:100%;padding:10px 0;}
.tipsbox span em{
  display:inline-block;
  width:15px;
  height:15px;
  border-radius:15px;
  color:#fff;
  font-size:10px;
  line-height:15px;
  text-align:center;
  background-color:#ff7c66;
  font-style:normal;
  position:absolute;
  top:-5px;
  right:-5px;
}
.tipsbox span:hover{cursor:pointer;}
.tipsbox .tag1{
  color:#ec93ff;
  border-color:#ec93ff;
}
.tipsbox .tag1 a{color:#ec93ff;}
.tipsbox .tag1.active{
  background:#ec93ff;
  color:#fff;
}
.tipsbox span.active a{color:#fff;}
.tipsbox .tag2{
  color:#82c0ff;
  border-color:#82c0ff;
}
.tipsbox .tag2 a{color:#82c0ff;}
.tipsbox .tag2.active{
  background:#82c0ff;
  color:#fff;
}
.tipsbox .tag3{
  color:#f9ae65;
  border-color:#f9ae65;
}
.tipsbox .tag3 a{color:#f9ae65;}
.tipsbox .tag3.active{
  background:#f9ae65;
  color:#fff;
}
.tipsbox .tag4{
  color:#7fca74;
  border-color:#7fca74;
}
.tipsbox .tag4 a{color:#7fca74;}
.tipsbox .tag4.active{
  background:#7fca74;
  color:#fff;
}
.tipsbox .tag5{
  color:#ff9696;
  border-color:#ff9696;
}
.tipsbox .tag5 a{color:#ff9696;}
.tipsbox .tag5.active{
  background:#ff9696;
  color:#fff;
}
.tipsbox .tag6{
  color:#9297ff;
  border-color:#9297ff;
}
.tipsbox .tag6 a{color:#9297ff;}
.tipsbox .tag6.active{
  background:#9297ff;
  color:#fff;
}
.tipsbox .tag7{
  color:#dc8c00;
  border-color:#dc8c00;
}
.tipsbox .tag7 a{color:#dc8c00;}
.tipsbox .tag7.active{
  background:#dc8c00;
  color:#fff;
}
.tipsbox .tag8{
  color:#00dccf;
  border-color:#00dccf;
}
.tipsbox .tag8 a{color:#00dccf;}
.tipsbox .tag8.active{
  background:#00dccf;
  color:#fff;
}
.tipsbox .tag9{
  color:#0f0;
  border-color:#0f0;
}
.tipsbox .tag9 a{color:#0f0;}
.tipsbox .tag9.active{
  background:#0f0;
  color:#fff;
}

.tipsbox span:nth-of-type(3n+1){margin-left:0;}

.todayarticle{
  clear:both;
  overflow:hidden;
}
.hotbox{
  padding:0 5px 4px 5px;
  background-color:#fff;
  margin-top:20px;
}
.hotbox .hotitem{padding:20px 15px;}
.hotbox .hotitem:not(:last-child){border-bottom:1px solid #f8f8f8;}
.hotbox .hotitem h1{
  font-size:16px;
  color:#000;
  line-height:28px;
}
.hotbox .hotitem h1 a{color:#000;}
.hotbox .hotitem div{
  font-size:14px;
  color:#999;
  margin-top:10px;
}
.hotbox .hotitem div span{
  display:inline-block;
  width:23px;
  height:20px;
  position:relative;
  top:5px;
}
.htcbox{
  background-color:#fff;
  padding-left:5px;
  padding-right:5px;
  margin-top:20px;
  padding-top:2px;
  padding-bottom:2px;
}
.htcitem{padding:20px 10px;}
.htcitem:not(:last-child){border-bottom:1px solid #f8f8f8;}
.htcavatar{
  width:56px;
  height:56px;
  border-radius:56px;
  float:left;
  overflow:hidden;
  border:1px solid #e8e8e8;
}
.htcavatar img{
  width:100%;
  height:100%;
}
.htccontent{
  overflow:hidden;
  padding-left:10px;
}
.htccontent em{
  display:inline-block;
  width:4px;
  height:4px;
  border-radius:4px;
  background-color:#999;
  margin-left:5px;
  margin-right:5px;
  position:relative;
  top:-3px;
}
.htccontent div{
  font-size:15px;
  color:#999;
}
.htccontent div a{color:#188eee;}
.htccontent p{
  font-size:15px;
  color:#676767;
  line-height:24px;
}
.htccontent h1{
  color:#188eee;
  font-size:16px;
  margin-top:5px;
}
.htccontent h1 a{font-size:12px;color:#999;}
.htccontent h1 a:hover{color:#188eee;}

.pagination{
  padding-top:40px;
  padding-left:160px;
  color:#98a7b2;
}
.pagination a{
  color:#98a7b2;
  font-size:12px;
  display:inline-block;
  padding:5px 10px;
  border:1px solid #ced4d6;
  margin-left:5px;
  border-radius:5px;
  background-color:#fff;
}
.pagination strong{
  font-size:12px;
  font-weight:lighter;
  padding:5px 10px;
  border:1px solid #66d6a6;
  color:#fff;
  margin-left:5px;
  border-radius:5px;
  background-color:#66d6a6;
}

